<div class="content-section introduction ">
  <div>
    <span class="feature-title">库存管理<span class="gt">&gt;</span>库存总览  </span>
  </div>

</div>
<div class="content-section implementation GridDemo clearfixes inventooryOverview">
  <form>
  <div class="mysearch">
    <div class="ui-g">
      <div class="ui-g-5 ui-sm-12">
        <label class="ui-g-2 ui-sm-5  text-right">物品编号:</label>
        <div class="ui-g-4 ui-sm-7 ui-fluid  ui-no-padding-right-15px ">
          <input  pInputText type="text" name="status" placeholder="物品编号"  [(ngModel)]="queryModel.condition.sid" />
        </div>
        <label class="ui-g-2 ui-sm-5 text-right">物品名称:</label>
        <div class="ui-g-4  ui-sm-7 ui-fluid">
          <input pInputText type="text" name="sid" placeholder="物品名称" [(ngModel)]="queryModel.condition.name" />
        </div>

      </div>
      <div class="ui-g-4 ui-sm-12">
        <label class="ui-g-2 ui-sm-5 ui-g-offset-1 text-right">物品分类:</label>
        <div class="ui-g-6  ui-sm-7 ui-fluid">
          <p-dropdown [autoWidth]="false"  [options]="categories"  name="fenlei" [(ngModel)]="queryModel.condition.catagory" ></p-dropdown>
        </div>
      </div>
      <div class="ui-g-3 ui-sm-12">
        <div class="ui-g-6 ui-sm-12 option">
          <button pButton type="button" label="查询" ngClass="ui-sm-12" (click)="suggestInsepectiones()" ></button>
          <button pButton label="清空" ngClass="ui-sm-12" (click)="clearSearch()"></button>
        </div>
      </div>
    </div>
  </div>
  </form>

  <p-dataTable [value]="MaterialData"
               [totalRecords]="totalRecords"  [(selection)]="selectMaterial">
    <p-column  field="sid" header="物品编号" [sortable]="true" >
      <ng-template let-data="rowData" pTemplate="body" let-i="rowIndex">
        <span>{{data.sid}}</span>
      </ng-template>
    </p-column>
    <p-column  *ngFor="let col of cols" field="{{col.field}}" header="{{col.header}}"  [sortable]="true"></p-column>
    <ng-template pTemplate="emptymessage">
      当前没有数据
    </ng-template>
  </p-dataTable>
  <p-paginator rows="10" [totalRecords]="totalRecords" [rowsPerPageOptions]="[10,20,30]" (onPageChange)="paginate($event)"></p-paginator>

</div>




